<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>摩旅圈App后台管理</title>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/style.default.css"
	type="text/css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/prettify/prettify.css"
	type="text/css" />
<script type="text/javascript"
	src="${pageContext.request.contextPath}/prettify/prettify.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-migrate-1.1.1.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-ui-1.9.2.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.flot.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.flot.resize.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.cookie.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/custom.js"></script>
<script
	src="${pageContext.request.contextPath}/App/assets/js/jquery.min.js"></script>
<script
	src="${pageContext.request.contextPath}/App/assets/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/App/dist/cropper.js"></script>
<script src="${pageContext.request.contextPath}/App/js/main.js"></script>
<link href="${pageContext.request.contextPath}/App/dist/cropper.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/App/css/main.css"
	rel="stylesheet">
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="js/excanvas.min.js"></script><![endif]-->
</head>

<body>

	<div class="mainwrapper">

		<!-- START OF LEFT PANEL -->
		<div class="leftpanel">

			<div class="logopanel">
				<h1>
					<a href="${pageContext.request.contextPath}/index.jsp">摩旅圈 <span>v1.0</span></a>
				</h1>
			</div>
			<!--logopanel-->

			<div class="leftmenu">
				<ul class="nav nav-tabs nav-stacked">
					<li class="nav-header">主功能</li>
					<li class="dropdown"><a
						href="${pageContext.request.contextPath}/index.jsp"><span
							class="icon-pencil"></span> 发帖</a>
						<ul>
							<li><a
								href="${pageContext.request.contextPath}/post_find.jsp">发现贴</a></li>
							<li><a
								href="${pageContext.request.contextPath}/post_picture.jsp">图文贴</a></li>
							<li><a
								href="${pageContext.request.contextPath}/post_team.jsp">组队贴</a></li>
							<li><a
								href="${pageContext.request.contextPath}/post_trade.jsp">交易贴</a></li>
						</ul></li>
					<li class="dropdown"><a
						href="${pageContext.request.contextPath}/post_elite.jsp"><span
							class=" icon-edit"></span> 帖子管理</a>
						<ul>
							<li><a
								href="${pageContext.request.contextPath}/posts/getAllPostsDiscover">发现贴</a></li>
							<li><a
								href="${pageContext.request.contextPath}/posts/getPostsPic">图文贴</a></li>
							<li><a
								href="${pageContext.request.contextPath}/posts/getPostsFriend">组队贴</a></li>
							<li><a
								href="${pageContext.request.contextPath}/posts/getPostsTrade">交易贴</a></li>
						</ul>
					</li>
					<li class="dropdown"><a
						href="${pageContext.request.contextPath}/media.jsp"><span
							class="icon-picture"></span> App图片</a>
						<ul>
							<li><a
								href="${pageContext.request.contextPath}/welcome.jsp">欢迎页配置</a></li>
							<li><a href="${pageContext.request.contextPath}/start_pic.jsp">首页轮播图</a></li>
						</ul></li>
					<li><a href="${pageContext.request.contextPath}/user/userList"><span
							class="iconsweets-male"></span> 用户管理</a></li>

				</ul>
			</div>
			<!--leftmenu-->

		</div>
		<!--mainleft-->
		<!-- END OF LEFT PANEL -->

		<!-- START OF RIGHT PANEL -->
		<div class="rightpanel">
			<div class="headerpanel">
				<a href="" class="showmenu"></a>

				<div class="headerright">
					<div class="dropdown userinfo">
						<a class="dropdown-toggle" data-toggle="dropdown" data-target="#"
							href="/page.jsp">Hi, ${sessionScope.username}&nbsp;! <b class="caret"></b></a>
						<ul class="dropdown-menu">
							<%-- <li><a href="${pageContext.request.contextPath}/index.jsp"><span
									class="icon-edit"></span> 修改密码</a></li> 
							<li class="divider"></li>--%>
							<li><a href="${pageContext.request.contextPath}/login.jsp"><span
									class="icon-off"></span> 退出</a></li>
						</ul>
					</div>
					<!--dropdown-->

				</div>
				<!--headerright-->

			</div>
			<!--headerpanel-->
			<div class="breadcrumbwidget">
				<!-- <ul class="skins">
					<li><a href="default" class="skin-color default"></a></li>
					<li><a href="orange" class="skin-color orange"></a></li>
					<li><a href="dark" class="skin-color dark"></a></li>
					<li>&nbsp;</li>
					<li class="fixed"><a href="" class="skin-layout fixed"></a></li>
					<li class="wide"><a href="" class="skin-layout wide"></a></li>
				</ul> -->
				<!--skins-->
				<ul class="breadcrumb">
					<li><a href="${pageContext.request.contextPath}/index.jsp">Home</a>
						<span class="divider">/</span></li>
					<li class="active">欢迎页配置</li>
				</ul>
			</div>
			<!--breadcrumbwidget-->

			<div class="maincontent">
				<div class="contentinner">
					<div class="alert alert-info">
						<button type="button" class="close" data-dismiss="alert">×</button>
						<strong>备注：</strong>图片裁剪功能已经删除，该插件不会对上传的图片造成影响，仅仅是为了方便观察图片的属性信息。
					</div>
					<!-- <h3 class="page-header">Demo:</h3> -->
					<div class="img-container" style="float: left; width: 70%">
						<img
							src="${pageContext.request.contextPath}/App/assets/img/picture.jpg"
							alt="Picture">
					</div>
					
					<div class="docs-data" style="float: right;">
						<div class="input-group">
							<label class="input-group-addon" for="dataX">X</label> <input
								class="form-control" id="dataX" type="text" placeholder="x">
							<span class="input-group-addon">px</span>
						</div>
						<div class="input-group">
							<label class="input-group-addon" for="dataY">Y</label> <input
								class="form-control" id="dataY" type="text" placeholder="y">
							<span class="input-group-addon">px</span>
						</div>
						<div class="input-group">
							<label class="input-group-addon" for="dataWidth">宽度</label> <input
								class="form-control" id="dataWidth" type="text"
								placeholder="width"> <span class="input-group-addon">px</span>
						</div>
						<div class="input-group">
							<label class="input-group-addon" for="dataHeight">高度</label> <input
								class="form-control" id="dataHeight" type="text"
								placeholder="height"> <span class="input-group-addon">px</span>
						</div>
						<div class="btn-group">
							<label class="btn btn-info" data-method="setAspectRatio"
								data-option="1.7777777777777777" title="Set Aspect Ratio">
								<input class="sr-only" id="aspestRatio1" name="aspestRatio"
								value="1.7777777777777777" type="radio"> <span
								class="docs-tooltip" data-toggle="tooltip"
								title="$().cropper(&quot;setAspectRatio&quot;, 16 / 9)">
									16:9 </span>
							</label> <label class="btn btn-info" data-method="setAspectRatio"
								data-option="1.3333333333333333" title="Set Aspect Ratio">
								<input class="sr-only" id="aspestRatio2" name="aspestRatio"
								value="1.3333333333333333" type="radio"> <span
								class="docs-tooltip" data-toggle="tooltip"
								title="$().cropper(&quot;setAspectRatio&quot;, 4 / 3)">
									4:3 </span>
							</label> <label class="btn btn-info" data-method="setAspectRatio"
								data-option="1" title="Set Aspect Ratio"> <input
								class="sr-only" id="aspestRatio3" name="aspestRatio" value="1"
								type="radio"> <span class="docs-tooltip"
								data-toggle="tooltip"
								title="$().cropper(&quot;setAspectRatio&quot;, 1 / 1)">
									1:1 </span>
							</label> <label class="btn btn-info" data-method="setAspectRatio"
								data-option="0.6666666666666666" title="Set Aspect Ratio">
								<input class="sr-only" id="aspestRatio4" name="aspestRatio"
								value="0.6666666666666666" type="radio"> <span
								class="docs-tooltip" data-toggle="tooltip"
								title="$().cropper(&quot;setAspectRatio&quot;, 2 / 3)">
									2:3 </span>
							</label> <label class="btn btn-info" data-method="setAspectRatio"
								data-option="NaN" title="Set Aspect Ratio"> <input
								class="sr-only" id="aspestRatio5" name="aspestRatio" value="NaN"
								type="radio"> <span class="docs-tooltip"
								data-toggle="tooltip"
								title="$().cropper(&quot;setAspectRatio&quot;, NaN)"> 适应
							</span>
							</label>
						</div>
						<br />
						<br />
						<div class="btn-group">
							<button class="btn btn-info" data-method="zoom" data-option="0.1"
								type="button" title="Zoom In">
								<span class="docs-tooltip" data-toggle="tooltip"
									title="$().cropper(&quot;zoom&quot;, 0.1)"> <span
									class="icon icon-zoom-in"></span>
								</span>
							</button>
							<button class="btn btn-info" data-method="zoom"
								data-option="-0.1" type="button" title="Zoom Out">
								<span class="docs-tooltip" data-toggle="tooltip"
									title="$().cropper(&quot;zoom&quot;, -0.1)"> <span
									class="icon icon-zoom-out"></span>
								</span>
							</button>
						</div>
						<div class="btn-group">
							<button class="btn btn-info" data-method="rotate"
								data-option="-45" type="button" title="Rotate Left">
								<span class="docs-tooltip" data-toggle="tooltip"
									title="$().cropper(&quot;rotate&quot;, -45)"> <span
									class="icon icon-rotate-left"></span>
								</span>
							</button>
							<button class="btn btn-info" data-method="rotate"
								data-option="45" type="button" title="Rotate Right">
								<span class="docs-tooltip" data-toggle="tooltip"
									title="$().cropper(&quot;rotate&quot;, 45)"> <span
									class="icon icon-rotate-right"></span>
								</span>
							</button>
						</div>

						<div class="btn-group">
							<button class="btn btn-info" data-method="disable" type="button"
								title="Disable">
								<span class="docs-tooltip" data-toggle="tooltip"
									title="$().cropper(&quot;disable&quot;)"> <span
									class="icon icon-lock"></span>
								</span>
							</button>
							<button class="btn btn-info" data-method="enable" type="button"
								title="Enable">
								<span class="docs-tooltip" data-toggle="tooltip"
									title="$().cropper(&quot;enable&quot;)"> <span
									class="icon icon-unlock"></span>
								</span>
							</button>
						</div>
						<br />
						<br />
						<div class="input-group">
							<span class="btn btn-info">
								<input class="sr-only" id="inputImage" name="file" type="file" accept="image/*">
								<button class="btn btn-info" data-method="getCroppedCanvas"
									type="button">
									<span class="docs-tooltip" data-toggle="tooltip"
										title="$().cropper(&quot;getCroppedCanvas&quot;)"> 预览 </span>
								</button>
							</span>
						</div>
						<form action="${pageContext.request.contextPath}/config/start/upload"
							enctype="multipart/form-data" method="post">
							<span class="btn btn-danger">
								<input class="file" name="start_pic" type="file" >
								<button class="btn btn-danger" type="submit">
									 <span class="docs-tooltip" > 上传 </span>
								</button>
							</span>
						</form>
						<div class="modal fade docs-cropped" id="getCroppedCanvasModal"
							aria-hidden="true" aria-labelledby="getCroppedCanvasTitle"
							role="dialog" tabindex="-1">
							<div class="modal-dialog">
								<div class="modal-content" style="background: transparent">
									<div class="modal-header">
										<button class="close" data-dismiss="modal" type="button"
											aria-hidden="true">&times;</button>
										<center>
											<h4 class="modal-title" id="getCroppedCanvasTitle">效果图</h4>
										</center>
									</div>
									<div class="modal-body"></div>
								</div>
							</div>
						</div>
						
					</div>
					<!-- <div style="float:left">
					 <button class="btn btn-info" data-method="getData" data-option="" data-target="#putData" type="button">
					  <span class="docs-tooltip" data-toggle="tooltip" title="$().cropper(&quot;getData&quot;)">
						Get Data
					  </span>
					</button>
					<button class="btn btn-info" data-method="getImageData" data-option="" data-target="#putData" type="button">
					  <span class="docs-tooltip" data-toggle="tooltip" title="$().cropper(&quot;getImageData&quot;)">
						Get Image Data
					  </span>
					</button>
					<button class="btn btn-info" data-method="getCanvasData" data-option="" data-target="#putData" type="button">
					  <span class="docs-tooltip" data-toggle="tooltip" title="$().cropper(&quot;getCanvasData&quot;)">
						Get Canvas Data
					  </span>
					</button>
					<button class="btn btn-info" data-method="getCropBoxData" data-option="" data-target="#putData" type="button">
					  <span class="docs-tooltip" data-toggle="tooltip" title="$().cropper(&quot;getCropBoxData&quot;)">
						Get Crop Box Data
					  </span>
					</button>
					<input class="input-xxlarge" id="putData" type="text" placeholder="Get data to here or set data with this value">
				 </div> -->
				</div>
			</div>
			<br />
		</div>
	</div>
</body>
</html>
